<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" />
	<link rel="stylesheet" href="css/Site.css" />
	<link rel="stylesheet" href="css/zy.all.css" />
	<link rel="stylesheet" href="css/font-awesome.min.css" />
	<link rel="stylesheet" href="css/amazeui.min.css" />
	<link rel="stylesheet" href="css/admin.css" />
	<!--		在标题栏的左侧显示图标 href:图标地址-->
	<link rel="icon" href="images/logo/favicon.ico" type="image/x-icon">
	<!--		在收藏夹里面显示图标 href:图标地址-->
	<link rel="shortcut icon" href="images/logo/favicon.ico" type="image/x-icon">
	<style type="text/css">
		.a{
			color: red;
		}
	</style>
	<script src="js/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript">

		//新增类别
		function addType() {
			var addTypeFormData=$("#addTypeForm").serialize();
			$.ajax({
				url:"type_add",
				type:"post",
				dataType:"json",
				data:addTypeFormData,
				success:function (result) {
					//alert(JSON.stringify(result));
					if(result.code==200){
						alert("新增成功!");
						location.href="type_page";
					}else if(result.code==500){
						alert("新增失败!");
						location.href="type_page";
					}else {
						alert("已存在此类名，请重新填写!");
						//location.href="type_page";
					}
				}
			});
		}

	</script>

</head>
<body>
<div class="dvcontent">

	<div>
		<!--tab start-->
		<div class="tabs">
			<div class="hd">
				<ul style="">
					<li style="box-sizing: initial;-webkit-box-sizing: initial;" class="on">查看分类</li>
					<li class="" style="box-sizing: initial;-webkit-box-sizing: initial;">添加分类</li>
				</ul>
			</div>
			<div class="bd">
				<ul style="display: block;padding: 20px;">
					<li>
						<!--分页显示角色信息 start-->
						<div id="dv1">
							<table class="table" id="tbRecord">
								<thead>
								<tr>
									<th>分类编号</th>
									<th>分类名称</th>
									<th>分类描述</th>
									<th>备注</th>
									<th>编辑</th>
									<th>删除</th>
								</tr>
								</thead>
								<tbody>

								<tr th:each="type:${pageUtils.data}">
									<td th:type="${type.tid}">1</td>
									<td th:text="${type.tname}">肉类</td>
									<td th:text="${type.tdescription}"> </td>
									<td th:text="${type.tremark}"> </td>
									<td class="edit"><button th:onclick="|window.location.href='type_getById?tid=${type.tid}'|"><i class="icon-edit bigger-120"></i>编辑</button></td>
									<td class="delete"><button th:onclick="|btn_delete(${type.tid})|"><i class="icon-trash bigger-120"></i>删除</button></td>
								</tr>

								</tbody>
							</table>
							<center>
								<a href="type_page?pageIndex=1">首页</a>
								<a th:if="${pageUtils.pageIndex>1}" th:href="|type_page?pageIndex=${pageUtils.pageIndex-1}|">上一页</a>
								<a th:each="num:${pageUtils.numbers}" th:class="${pageUtils.pageIndex==num}? a" th:text="|${num} |"></a>

								<a th:if="${pageUtils.pageIndex<pageUtils.pageCount}" th:href="|type_page?pageIndex=${pageUtils.pageIndex+1}|">下一页</a>
								<a th:href="|type_page?pageIndex=${pageUtils.pageCount}|">尾页</a>
								[<span th:text="${pageUtils.pageIndex}"></span>/<span th:text="${pageUtils.pageCount}"></span>]
								共<span th:text="${pageUtils.totalCount}"></span>条
							</center>
						</div>
						<!--分页显示角色信息 end-->
					</li>
				</ul>
				<ul class="theme-popbod dform" style="display: none;">
					<div class="am-cf admin-main" style="padding-top: 0px;">
						<!-- content start -->

						<div class="am-cf admin-main" style="padding-top: 0px;">
							<!-- content start -->
							<div class="admin-content">
								<div class="admin-content-body">

									<div class="am-g">
										<div class="am-u-sm-12 am-u-md-4 am-u-md-push-8">

										</div>
										<div class="am-u-sm-12 am-u-md-8 am-u-md-pull-4"
											 style="padding-top: 30px;">
											<form id="addTypeForm" class="am-form am-form-horizontal"
												  action="#" method="post">

												<div class="am-form-group">
													<label for="tname" class="am-u-sm-3 am-form-label">
														分类名称</label>
													<div class="am-u-sm-9">
														<input type="text" id="tname" required
															   placeholder="分类名称" name="tname">
														<small>10字以内...</small>
													</div>
												</div>
												<div class="am-form-group">
													<label for="tdescription" class="am-u-sm-3 am-form-label">
														描述</label>
													<div class="am-u-sm-9">
									<textarea class="" rows="5" id="tdescription" name="tdescription"
											  placeholder="输入描述"></textarea>
														<small>250字以内...</small>
													</div>
												</div>
												<div class="am-form-group">
													<label for="tremark" class="am-u-sm-3 am-form-label">
														备注</label>
													<div class="am-u-sm-9">
									<textarea class="" rows="5" id="tremark" name="tremark"
											  placeholder="输入备注"></textarea>
														<small>250字以内...</small>
													</div>
												</div>
												<div class="am-form-group">
													<div class="am-u-sm-9 am-u-sm-push-3">
														<input type="button" class="am-btn am-btn-success" onclick="addType();" value="添加分类" />
													</div>
												</div>
											</form>
										</div>
									</div>
								</div>

							</div>
							<!-- content end -->
						</div>
						<!-- end-->
					</div>
				</ul>
			</div>
		</div>
		<!--tab end-->

	</div>


	<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
	<script src="js/plugs/Jqueryplugs.js" type="text/javascript"></script>
	<script src="js/_layout.js"></script>
	<script src="js/plugs/jquery.SuperSlide.source.js"></script>
	<script>
		var num = 1;
		$(function() {

			$(".tabs").slide({ trigger: "click" });

		});

		//删除
		var btn_delete = function(tid) {
			$.jq_Confirm({
				message: "您确定要删除吗?",
				btnOkClick: function() {
					$.ajax({
						type: "post",
						url: "type_delete",
						data: { tid: tid },
						success: function(result) {
							if(result.code==200) {
								$.jq_Alert({
									message: "删除成功",
									btnOkClick: function() {
										location.href="type_page";
									}
								});
							}else{
								$.jq_Alert({
									message: "删除失败",
									btnOkClick: function() {
										location.href="type_page";
									}
								});
							}
						}
					});
				}
			});
		}



	</script>

</div>
</body>

</html>